﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Info.aspx.cs" Inherits="Info" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style>
        .input_title {
        color:blue;
        font-size:.8em;
        
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <%-- 不建议直接在控件里面设置高度、宽度，一般用css设置 --%>
            <asp:Label ID="LblTrueName" runat="server" Text="姓名" 
                CssClass="input_title" AssociatedControlID="TbTrueName"></asp:Label>
            <%-- AssociatedControlID：设置其值可以把Label控件与窗体中另一个服务器控件关联起来 --%><%--Label没有用到关联属性的时候，相当于span标签，用到关联属性的时候，就是Label标签 --%><%--MaxLength="5"最多输入5个字符  --%>
            <asp:TextBox ID="TbTrueName" runat="server" MaxLength="5"></asp:TextBox>
            <br />
            <asp:Label ID="Label5" runat="server" CssClass="input_title" Text="性别"></asp:Label>
            <%-- 可以将多个RadioButton形成一组，方法是设置每个RadioButton的GroupName属性为同一名称 --%>
            <asp:RadioButton ID="RbMale" runat="server" Checked="True" GroupName="Gender" Text="男" />
            <asp:RadioButton ID="RbFemale" runat="server" GroupName="Gender" Text="女" />
            <asp:Label ID="LblGender" runat="server" Text="Label"></asp:Label>
            <br />
            <asp:Label ID="Label6" runat="server" CssClass="input_title" Text="学历"></asp:Label>
            <asp:RadioButtonList ID="RblDegree" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow">
                <asp:ListItem>初中</asp:ListItem>
                <asp:ListItem>高中</asp:ListItem>
                <asp:ListItem>本科</asp:ListItem>
                <asp:ListItem>研究生</asp:ListItem>
            </asp:RadioButtonList>
            <asp:Label ID="LblDegree" runat="server" Text="Label"></asp:Label>
            <br />
            <%-- TextMode是TextBox最常用的属性，TextMode="Password"：写入时自动显示为 “....”
                TextMode="MultiLine":多行--%>
            <asp:Label ID="LblPassword" runat="server" CssClass="input_title" Text="密码"></asp:Label>
            <asp:TextBox ID="TbPassword" runat="server" TextMode="Password"></asp:TextBox>
            <br />
            <asp:Label ID="Label7" runat="server" CssClass="input_title" Text="头像"></asp:Label>
            <%--Image控件与ImageMap的区别：Image控件可以绑定数据，实现动态  --%>
            <asp:Image ID="Imgavtar" runat="server" Height="60px" ImageUrl="~/Images/1599809112518.jpeg" Width="60px" />
            <br />
            <asp:Label ID="LblIntro" runat="server" CssClass="input_title" Text="简介"></asp:Label>
            <asp:TextBox ID="TbIntro" runat="server" Columns="30" Rows="10" TextMode="MultiLine"></asp:TextBox>
            <br />
            <asp:Label ID="LblEmail" runat="server" CssClass="input_title" Text="电子邮件"></asp:Label>
            <asp:TextBox ID="TbEmail" runat="server" TextMode="Email"></asp:TextBox>
            <br />
            <asp:Label ID="Label1" runat="server" CssClass="input_title" Text="出生日期"></asp:Label>
            <asp:TextBox ID="TextBox1" runat="server" TextMode="Date"></asp:TextBox>
            <br />
            <asp:Label ID="Label2" runat="server" CssClass="input_title" Text="籍贯"></asp:Label>
            <asp:DropDownList ID="DdlProvince" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DdlProvince_SelectedIndexChanged">
            </asp:DropDownList>
            <asp:DropDownList ID="DdlCity" runat="server">
            </asp:DropDownList>
            <br />
            <asp:Label ID="Label3" runat="server" CssClass="input_title" Text="技能"></asp:Label>
            <%--SelectionMode="Multiple"：其值为Multiple表示允许选择多项 --%>
            <asp:ListBox ID="LbSkill" runat="server" OnSelectedIndexChanged="LbSkill_SelectedIndexChanged" SelectionMode="Multiple" AutoPostBack="True"></asp:ListBox>
            <asp:Label ID="LblSkill" runat="server" Text="Label"></asp:Label>
            <br />
            <asp:Label ID="Label4" runat="server" CssClass="input_title" Text="兴趣"></asp:Label>
            <asp:CheckBoxList ID="ChklFav" runat="server">
                <asp:ListItem Value="football">足球</asp:ListItem>
                <asp:ListItem Value="basketball">篮球</asp:ListItem>
                <asp:ListItem>乒乓球</asp:ListItem>
                <asp:ListItem Value="badminton">羽毛球</asp:ListItem>
            </asp:CheckBoxList>
            <asp:Label ID="LblFav" runat="server" Text="Label"></asp:Label>
            <br />
            <asp:CheckBox ID="ChkbAgree" runat="server" AutoPostBack="True" OnCheckedChanged="ChkbAgree_CheckedChanged" Text="同意" />
            <br />
            <%-- Button控件的UseSubmitBehavior属性 true：类型为submit
                                                 False：类型为Button 
                OnClientClick事件：当单击按钮时在Click事件之前被触发，执行客户端代码--%>
            <asp:Button ID="BtnSubmit" runat="server"  OnClick="BtnSubmit_Click"
                OnClientClick="javascript: return confirm('确认提交信息吗？')" Text="提交信息" />
            <%-- PostBackUrl="~/Default.aspx"设置跨页面提交时的目标页面路径 --%>
            <asp:LinkButton ID="LinkButton1" runat="server"  OnClick="LinkButton1_Click">返回</asp:LinkButton>
            <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/1599809112518.jpeg" OnClick="ImageButton1_Click" Width="100px" />
            <br />
            <%--NavigateUrl:点击后，转跳页面的路径；比<a>多了ImageUrl：图片路径  Target="_blank"：打开一个新窗口 Target="_self"：本窗口  --%>
            <asp:HyperLink ID="HyperLink1" runat="server" CssClass="input_title" ImageUrl="https://www.jju.edu.cn/img/logo1.png" NavigateUrl="https://www.jju.edu.cn/" Target="_blank">九江学院</asp:HyperLink>
            <br />
            <asp:Literal ID="Literal1" runat="server" Mode="Encode" Text="&lt;br&gt;"></asp:Literal>
            <asp:Literal ID="Literal2" runat="server"></asp:Literal>
            <asp:BulletedList ID="BulletedList1" runat="server" ></asp:BulletedList>
            <br />
        </div>
    </form>
</body>
</html>